<template>

    <div class="brief">
        <van-image round width="4rem" height="4rem" src="momo.jpg" />
        <div class="brief-right">
            <h3>小刀厨神</h3>
            <h4>个性签名：健康饮食</h4>
        </div>
    </div>
    <van-cell title="我的菜篮" is-link to="/basket"/>


    <!-- 页面导航 -->
    <Tab active="mine" />
</template>

<script setup lang="ts">
import Tab from '@/components/Tab.vue'


</script>

<style scoped>
.brief {
    height: 100px;
    display: flex;
    /* flex-direction: column; */
    /* justify-content: center; */
    padding-left: 15px;
    align-items: center;
    background-color: rgb(214, 96, 92);
    color: white;

    .brief-right {
        margin-left: 15px;

        h4 {
            margin-top: 5px;
        }
    }

}
</style>